.video_con {
  display: flex;

  .video_list {
    position: relative;
    width: 296px;
    height: 285px;
    margin-right: 14px;
    background-color: #ffffff;

    .list_con {
      position: absolute;
      left: 0;
      top: 0;
      width: 296px;
      height: 285px;
      cursor: pointer;
      .img_box {
        position: relative;
        width: 100%;
        height: 180px;

        .img {
          width: 100%;
          height: 100%;
        }
        .icon {
          position: absolute;
          left: 22px;
          bottom: 10px;
          z-index: 3;
          color: #fff;
          font-size: 30px;
        }
        .icon2 {
          opacity: 0;
          transition: all 0.3s;
        }
        &:hover {
          .icon2 {
            opacity: 1;
            color: $theme-color;
          }
        }
      }

      .video_namebox {
        padding-top: 28px;

        .video_name {
          text-align: center;
          font-size: 14px;
          font-weight: 400;
        }
      }
      &:hover {
        @include shadow;
      }
    }
    &:last-child {
      content: '';
      margin-right: 0px;
    }
  }
}